@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';

.designer {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  background: #fff;
}

.designerToobar {
  height: 44px;
  padding: 8px;
  border: 1px solid #e6e9ed;
}

.designerMain {
  flex: 1;
}

.designerItembar {
  height: calc(70vh + 44px);
}

.designerContent {
  padding: 0 5px;
  overflow: auto;
  height: 70vh;
  // background-image: url('');
}

.designerItembar,
.designerPropbar {
  display: flex;
  flex-direction: column;
}

.designerItembar,
.designerPropbar {
  background: #fafafa;
}

.headTitle {
  margin: 10px 0 0 20px;
  font-weight: bold;
}

.headIcon {
  margin: 0 5px 0 0;
}

.headDivider {
  margin: 10px 0;
}
